<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:general="http://java.sun.com/jsf/composite/general"
      template="/templates/template.xhtml">

		<ui:define name="main" >	
		
		<h:form>		
		<h:messages styleClass="error"></h:messages>
		
		<table class="data">
<tr>
<th colspan="3" align="center">#{i18n.usuarios_datos_usuario}</th>
</tr>
<tr>
	<td class="datafield"><h:outputFormat value="#{i18n.usuarios_user}" /></td>
	<td class="datavalue"><h:inputText id="user" value="#{usuarioBean.usuario.usuario}" required="true" size="10" maxlength="10" requiredMessage="#{i18n.login_usuario_error}" validatorMessage="#{i18n.login_usuario_validate}">
			<f:validateLength minimum="5" maximum="10"></f:validateLength>
		</h:inputText>
		<h:outputText styleClass="error" value="#{usuarioBean.imprimirMensaje? (usuarioBean.usuarioExiste?i18n.usuarios_usuario_existe:i18n.usuarios_usuario_no_existe):''}" id="existeUsuario"/>
		<h:messages for="user" styleClass="error"> </h:messages>
	</td>
	<td width="10%"><h:commandButton value="#{i18n.usuarios_comprobar}" action="#{usuarioController.validarUsuario}">
			<f:ajax render="existeUsuario user" execute="user"></f:ajax> 
		</h:commandButton>
	</td>
</tr>
<tr>
	<td><h:outputFormat value="#{i18n.usuarios_passwd}" /></td>
	<td colspan="2"><h:inputSecret id="passwd" value="#{usuarioBean.usuario.passwd}" required="true" size="10" maxlength="10" requiredMessage="#{i18n.login_passwd_error}" validatorMessage="#{i18n.login_passwd_validate}">
		<f:validateLength minimum="5" maximum="10"></f:validateLength>
		</h:inputSecret>
		<h:messages for="passwd" styleClass="error"> </h:messages>
	</td>		 
</tr>
<tr>
	<td><h:outputFormat value="#{i18n.usuarios_repasswd}" /></td>
	<td colspan="2"><h:inputSecret id="repasswd" value="#{usuarioBean.usuario.passwd}" required="true" size="10" maxlength="10" requiredMessage="#{i18n.usuarios_repasswd_error}">
		<f:validateLength minimum="5" maximum="10"></f:validateLength>
		</h:inputSecret>
		<h:messages for="repasswd" styleClass="error"> </h:messages>
	</td>		 
</tr>
<tr>
	<td ><h:outputFormat value="#{i18n.usuarios_nombre}" /></td>
	<td colspan="2"><h:inputText id="nombre" value="#{usuarioBean.usuario.nombre}" required="true" size="50" maxlength="50" requiredMessage="#{i18n.usuarios_nombre_error}" validatorMessage="#{i18n.usuarios_nombre_validate}">
		<f:validateLength maximum="50"></f:validateLength>
	</h:inputText>
		<h:messages for="nombre" styleClass="error"> </h:messages></td>
</tr>
<tr>
	<td><h:outputFormat value="#{i18n.usuarios_apellido1}" /></td>
	<td colspan="2"><h:inputText id="apellido1" value="#{usuarioBean.usuario.apellido1}" size="50" maxlength="50" requiredMessage="#{i18n.usuarios_apellido1_error}" validatorMessage="#{i18n.usuarios_apellido1_validate}">
	<f:validateLength maximum="50"></f:validateLength>
	</h:inputText>
	<h:messages for="apellido1" styleClass="error"> </h:messages></td>
	
</tr>
<tr>
	<td><h:outputFormat value="#{i18n.usuarios_apellido2}" /></td>
	<td colspan="2"><h:inputText id="apellido2" value="#{usuarioBean.usuario.apellido2}" size="50" maxlength="50" validatorMessage="#{i18n.usuarios_apellido2_validate}">
	<f:validateLength maximum="50"></f:validateLength>
	</h:inputText>
	<h:messages for="apellido2" styleClass="error"> </h:messages></td>
	
</tr>
<tr>
	<td><h:outputFormat value="#{i18n.usuarios_abrv}" /></td>
	<td colspan="2"><h:inputText id="abrv" value="#{usuarioBean.usuario.abrv}" size="20" maxlength="20" validatorMessage="#{i18n.usuarios_abrv_validate}">
	<f:validateLength maximum="20"></f:validateLength>
	</h:inputText>
	<h:messages for="abrv" styleClass="error"> </h:messages></td>
	
</tr>
<tr>



	<td><h:outputFormat value="#{i18n.usuarios_tipo_usuario}" /></td>
	<td colspan="2">
	
		<h:selectOneRadio id="tipoUsuarioId" value="#{usuarioBean.usuario.tipo}" required="true" requiredMessage="#{i18n.usuarioBean.usuario.tipo}">
					<f:selectItem itemLabel="#{i18n.usuarios_filtro_tipo_usuario_cliente}" itemValue="#{datosMaestrosBean.tipoUsuarioCliente}" >
					
					</f:selectItem>
					
					<f:selectItem itemLabel="#{i18n.usuarios_filtro_tipo_usuario_proveedor}" itemValue="#{datosMaestrosBean.tipoUsuarioProveedor}"></f:selectItem>
					<f:ajax render="role"  execute="@this" event="change" listener="#{usuarioBean.getTipoRolesPorTipoUsuarioNuevoUsuario}"></f:ajax>
					
					
		</h:selectOneRadio>
		<h:messages for="tipoUsuarioId" styleClass="error"> </h:messages></td>
	
</tr>
<tr>
	<td><h:outputFormat value="#{i18n.usuarios_role}" /></td>
	<td colspan="2">
		<h:selectOneMenu id="role" value="#{usuarioBean.usuario.role}" required="true" requiredMessage="#{i18n.usuarios_role_error}">
			
				<f:selectItems value="#{usuarioBean.tipoRolesPorTipoUsuarioNuevoUsuario}" 
					var="tipoRole"
					itemValue="#{tipoRole.codigo}"
                    itemLabel="#{tipoRole.valor}"/>	
			</h:selectOneMenu>
	
		<h:messages for="role" styleClass="error"> </h:messages>
	</td>
</tr>

<tr>
	<td><h:outputFormat value="#{i18n.usuarios_email}" /></td>
	<td colspan="2">
	
	<h:inputText id="email" value="#{usuarioBean.usuario.email}" required="true" requiredMessage="#{i18n.usuarios_email_error}" validatorMessage="#{i18n.usuarios_email_validate}" validator="#{usuarioBean.validateEmail}"></h:inputText>
	
	<h:messages for="email" styleClass="error"> </h:messages></td>
		
</tr>
<tr>
<td colspan="3" align="center">
	<h:commandButton value="#{i18n.usuarios_grabar}" action="#{usuarioController.nuevoUsuario}" >
		
	</h:commandButton>
</td>
</tr>

</table>

</h:form>
</ui:define>
</ui:composition>
